class Tab{
				constructor(id){
					this.oBox=document.querySelector(id)
					this.aBtn=this.oBox.querySelectorAll(".btnList input");
			        this.aLi=this.oBox.querySelectorAll(".content li")
				    this.show()
				}
			    show(){
			    	var _this=this;
					for(let i=0;i<this.aBtn.length;i++){
						this.aBtn[i].onclick=function(){
							_this.fn(i)
						}
					}
					
			    }
			    fn(i){
			    	for(var j=0;j<this.aBtn.length;j++){
							this.aBtn[j].className="";
							this.aLi[j].className="";
						}
						this.aBtn[i].className="active";
						this.aLi[i].className="show"
			    }
			
			}

    class AutoPlayTab extends Tab{
    	constructor(id){
    		super(id);
    		this.autoFn();
    		this.index=0;
    	}
    	autoFn(){
    		var _this=this;
    		
    		setInterval(function(){
    			_this.index++;
    			if(_this.index==_this.aBtn.length){
    				_this.index=0;
    			}
    			_this.fn(_this.index)
    		},2000)
    	}
    	
    }

